<?php include ("include/header.php"); ?>
      <!--Hasta aca va el header-->
      <div id="principal">
        <?php include_once ("include/menuIzq.php"); ?>        
        <div id="panelIngresoDatos">
          <div id="itemsDatos">
            <?php
			  if (!isset($_COOKIE["OfertoYa"])) {
				echo '
					  <h2 id=\"txtProductoInfo\">&iexcl;Inscr&iacute;bete!</h2>
					  <br /><hr/><br />
					  <p>Bienvenido a OfertoYa.com, est&aacute;s a unos pocos pasos de adquirir productos a precios inigualables. Ingresa algunos datos para poder registrarte en la p&aacute;gina.</p>
					  <br/>
					  <p>Si tienes una cuenta en Facebook y deseas usarla para ingresar y registrarte a OfertoYa.com haz click <a href="/inscripcionFb.php">ac&aacute;</a>.</p>
					  <br/>
					  
					  <form id="form_incripcion" action="/confirmacioninscripcion.php" method="post">
						<table width="590" border="0">
						  <tr>
						  
							<td width="160">
							  <label for="nombres">Nombres</label>
							</td>
							<td width="430">
							  <span id="validacion_text_nombre">
								<input type="text" name="nombres" id="nombres" />
								<span class="textfieldRequiredMsg">Debes ingresar tu nombre.</span> 
								<span class="textfieldMaxCharsMsg">Haz excedido el m&aacute;ximo n&uacute;mero de caracteres (30).</span>
							  </span>
							</td>
						  </tr>
						  <tr>
							  <td>
								<label for="apellidos">Apellidos</label>
							  </td>
							  <td>
								<span id="validacion_text_apellido">
								  <input type="text" name="apellidos" id="apellidos" />
								  <span class="textfieldRequiredMsg">Debes ingresar tu apellido.</span> 
								  <span class="textfieldMaxCharsMsg">Haz excedido el m&aacute;ximo n&uacute;mero de caracteres (30).</span>
								</span>
							  </td>
						  </tr>
						  <tr>
							  <td>
							  <label for="fecha_nacimiento">Fecha de Nacimiento</label>
							  </td>
							  <td>
								<span id="validacion_text_fecha_nacimiento">
								  <input type="text" name="fecha_nacimiento" id="fecha_nacimiento" />
								  <span class="textfieldRequiredMsg">Debes ingresar tu fecha de nacimiento.</span> 
								  <span class="textfieldInvalidFormatMsg">Formato inv&aacute;lido YYYY-MM-DD</span>
								</span> 
							  </td>
						  </tr>
						  <tr>
							  <td width="160">
								G&eacute;nero
							  </td>
							  <td width="430">
								<span id="validacion_genero">
								  <label for="genero_0">Masculino</label>
								  <input type="radio" name="genero" value="m" id="genero_0" />
								  <br/>
								  <label for="genero_1">Femenino</label>
								  <input type="radio" name="genero" value="f" id="genero_1" />
								<span class="radioRequiredMsg">Debes seleccionar tu g&eacute;nero.</span></span>
							  </td>
						  </tr>
						  <tr>
							  <td width="160">
								<label for="correo">Correo</label>
							  </td>
							  <td width="430">
								<span id="validacion_text_email">
								  <input type="text" name="correo" id="correo" />
								  <span class="textfieldRequiredMsg">Debes ingresar tu correo electr&oacute;nico.</span> 
								  <span class="textfieldMaxCharsMsg">Haz excedido el m&aacute;ximo n&uacute;mero de caracteres (40).</span>
								  <span class="textfieldInvalidFormatMsg">La direcci&oacute;n de correo no es v&aacute;lida.</span>
								</span>
							  </td>
						  </tr>
						  <tr>
							  <td>
								<label for="seudonimo">Seud&oacute;nimo</label>
							  </td>
							  <td>
								<span id="validacion_text_seudonimo">
								  <input type="text" name="seudonimo" id="seudonimo" />
								  <span class="textfieldRequiredMsg">Debes ingresar tu seud&oacute;nimo.</span>
								  <span class="textfieldMaxCharsMsg">Haz excedido el m&aacute;ximo n&uacute;mero de caracteres (15).</span>
								  <span class="seudonimoStatusMsg"></span>
								  <span class="seudonimoExistenteMsg"></span>
								</span>
							  </td>
						  </tr>
						  <tr>
							  <td>
								<label for="contrasena">Contrase&ntilde;a</label>
							  </td>
							  <td>
								<span id="validacion_text_pass">
								  <input type="password" name="contrasena" id="contrasena" />
								  <span class="passwordRequiredMsg">Debes ingresar una contrase&ntilde;a.</span> 
								  <span class="passwordMaxCharsMsg">Haz excedido el m&aacute;ximo n&uacute;mero de caracteres (10).</span>
								</span>
							  </td>
						  </tr>
						  <tr>
							  <td>
								<label for="contrasena2">Confirmar contrase&ntilde;a</label>
							  </td>
							  <td>
								<span id="validacion_text_pass2">
								  <input type="password" name="contrasena2" id="contrasena2" />
								  <span class="confirmRequiredMsg">Debes confirmar la contrase&ntilde;a.</span>
								  <span class="confirmInvalidMsg">Las contrase&ntilde;as no coinciden.</span>
								</span>
							  </td>
						  </tr>
						</table>                
						  
						<br/><br/>
						<span id="chkTerminos">
						  <input type="checkbox" name="chkTerminos" id="chkTerminos" />
						  <label for="chkTerminos">He le&iacute;do y acepto los <a href="#">t&eacute;rminos y condiciones</a>.</label>
						  <span class="checkboxRequiredMsg">Para continuar debes aceptar los t&eacute;rminos y condiciones.</span>
						</span>
						<br/><br/>
						<input class="boton" value="Inscribirse" type="submit"/>             
					  </form>
					  <script type="text/javascript">
						var val_text_nombre = new Spry.Widget.ValidationTextField("validacion_text_nombre", "none", {maxChars:30, validateOn:["change"]});
						var val_text_apellido = new Spry.Widget.ValidationTextField("validacion_text_apellido", "none", {maxChars:30, validateOn:["change"]});
						var val_text_fecha_nacimiento = new Spry.Widget.ValidationTextField("validacion_text_fecha_nacimiento", "date", {format:"yyyy-mm-dd", validateOn:["change"]});
						var val_text_email = new Spry.Widget.ValidationTextField("validacion_text_email", "email", {validateOn:["blur"], maxChars:40});
						var val_text_seudonimo = new Spry.Widget.ValidationTextField("validacion_text_seudonimo", "none", {maxChars:15, validateOn:["change"]});
						var val_text_pass = new Spry.Widget.ValidationPassword("validacion_text_pass", {maxChars:10, validateOn:["change"]});
						var val_text_pass2 = new Spry.Widget.ValidationConfirm("validacion_text_pass2", "validacion_text_pass", {validateOn:["blur"]});
						var val_genero = new Spry.Widget.ValidationRadio("validacion_genero");
						var val_chkTerminos = new Spry.Widget.ValidationCheckbox("chkTerminos");
					  </script>
					  ';
			  } else {
				  echo "
						<h2 id=\"txtProductoInfo\">&iexcl;Invita a tus amigos!</h2>
						<br /><hr/><br />
						<p>Ya eres miembro de OfertoYa.com, pero te invitamos a que nos refieras a tus amigos. Danos el correo electr&oacute;nico de tu amigo y le mandaremos una invitaci&oacute;n.</p>";
			  }
            ?>
          </div>
        </div>
        <div class="espacio"></div>
      </div>
<?php include("include/footer.php"); ?>